$(function () {
  // 标题请求
  $.ajax({
    url: 'http://193.112.55.79:9090/api/getcategorytitle',
    type: 'get',
    dataType: 'json',
    success: function (res) {
      // console.log(res)
      var htmlstr = template('titleList', res);
      $('.lkf_content').html(htmlstr)
    }
  })



  // 分类列表
  list()

  function list(titleid) {
    // var id = $('.lkf_list_title').children('input').val();
    // console.log(id)
    // 详细分类请求
    $.ajax({
      url: 'http://193.112.55.79:9090/api/getcategory',
      type: 'get',
      dataType: 'json',
      data: {
        titleid: titleid
      },
      success: function (res) {
        console.log(res)
        var htmlstr = template('listTem', res);
        // console.log(htmlstr)
        $('.lkf_listbox ul').html(htmlstr);
      }
    })
  }


  // 点击显示列表
  // $('.lkf_content').on('click', '.lkf_listbox', function () {
  //   console.log()
  //   var titleid = $(this).children('.lkf_list_title').children('input').val();
  //   list(titleid);
  //   $(this).children('ul').addClass('active');
  //   $(this).siblings().children('ul').removeClass('active');
  // })

  $('.lkf_content').on('click', '.lkf_list_title', function () {
    // 获取对应的id
    var titleid = $(this).children('input').val();
    // 调用获取数据的函数
    list(titleid);
    // 当前的ul显示
    $(this).siblings('ul').toggleClass('active');
    // 当前元素的兄弟元素的ul隐藏
    $(this).parent('.lkf_listbox').siblings().children('ul').removeClass('active');
  })


})